Was ist ein Cascading Style Sheet (CSS) ?
Es ist ein Script, welches in HTML eingebunden wird, damit bestimmte Styles definiert werden. Somit kann man definieren, wie gro die Texte sind, wie sie ausgerichtet werden oder sogar welche Farben sie haben.
CSS Scripts sollten so weit oben wie mglich sein, damit keine Definitionskonflikte auftauchen.

Beispiel 1: Paragraphen gro und rot machen (das Tool bindet jeden normalen Text in einen Paragraphen ein)
Klicken sie den Cascading Style Sheets Button und geben sie folgenden Code ein:

p { 
 color:red; 
 font-size:48px; 
}

Was bedeutet der Code nun im einzelnen:
1. p beschreibt den Anwendungsbereich, also jeder Text der zwischen <p> und </p>
Tags steht ist betroffen.

2. color:red; bestimmt die Farbe. Manche Farben sind bereits definiert, ersetzen sie red doch mal durch blue. Hex Farben werden so definiert: color:#RRGGBB (ersetzen sie RRGGBB durch den Hex Code einer farbe)

3. font-size:48px; bestimmt die gre der Schriftart in Pixel. die 48 kann beliebig verndert werden, beachten sie aber, dass zu groe Schriften nur platz rauben.

Da CSS aber die Zeichen ; und { } beinhaltet, kann man den Code von oben auch so schreiben: p { color:red; font-size:48px; }

Diese Variante spart viel platz, kann aber bei zu vielen Definitionen unbersichtlich werden.

Beispiel 2: Schriftart im Header beeinflussen und Hex Farbe:

h1 {
    color:#507000;
    font-style:oblique;
    font-family:"Times New Roman",sans-serif;
    font-weight:bold;}

Hier gibt es nun neue font eigenschaften.

1. font-style ndert den Stil der Schrift, es gibt normal, italic (kursiv) und oblique (schrggestellt)

2. font-family ndert die Schriftart, hier knnen oder sollten mehrere angegeben werden.
Jede schriftart mit einem Leerzeichen muss in " " eingeklammert werden, mehrere Schriftarten werden mit Kommas getrennt. 
Die Vorgehensweise von Schriftarten kann ich kurz erklren.
Angenommen wird haben die Schriftarten 1, 2 und 3.
Der Browser checkt nun, ob die Schriftart 1 installiert ist, wenn ja, wird sie benutzt, 
falls sie nicht installiert ist wird Schriftart 2 genommen, aber wenn auch sie nicht installiert 
ist wird die dritte genommen usw.
Deswegen empfiehlt es sich, immer mehrere Fonts zu definieren.

3. font-weight bestimmt wie fett die Schrift ist. Es gibt normal und bold (fett).
Man kann auch volle Hunderter zwischen 100 und 900 benutzen.
Beachten sie aber, das alte Internet Explorer Versionen diese funktion nicht untersttzen.


